<script setup>
const props = defineProps(["item"]);
</script>

<template>
  <li>
    <p class="list_title">{{ props.item.code }}</p>
    <div class="list_context" v-for="j in props.item.arr" :key="j.id">
      <p> <van-image width="30" height="30" radius="5px" :src="j.avatar" /> {{ j.nickname
      }}</p>
    </div>
  </li>
</template>

<style lang="scss" scoped>
.list_title {
  height: 30px;
  line-height: 30px;
  background-color: aliceblue;
  padding-left: 10px;
}

.list_context {
  height: 50px;
  border-bottom: 1px solid #ccc;
  line-height: 50px;
  background-color: #fff;
  padding-left: 10px;
  p{
    display: flex;
    align-items: center;
  }
}
</style>
